import ContentCard from "@/components/card"
import ReactEcharts from 'echarts-for-react';
import { useMemo, useState } from "react";

const HomePage = () => {

    // useState({})

    const option = useMemo(() => {
        return {
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            yAxis: {
                type: 'value'
            },
            series: [
                {
                    data: [820, 932, 901, 934, 1290, 1330, 1320],
                    type: 'line',
                    areaStyle: {}
                }
            ]
        }
    }, [])

    return (
        <ContentCard title="主页">
            <ReactEcharts option={option}></ReactEcharts>
        </ContentCard>
    )
}

export default HomePage